<template>
  <view class="approval-item">
    <CommonHeader>补卡申请</CommonHeader>
    <view class="approval-content">
      <CommonInfo approvalType="补卡" />
      <view class="input-area">
        <BeforeDateSelect label="补卡日期" @getSelectDate="getFillClockTime" />
        <Textarea label="补卡理由" @getInputData="getFillClockReason" />
      </view>
      <ApprovalButton
        :warn="warn"
        :approvalType="'fillClock'"
        :procInfo="{
          fillClockTime: String(approval.fillClockTime),
          fillClockReason: approval.fillClockReason,
        }"
      />
    </view>
    <van-toast id="van-toast" />
  </view>
</template>
<script src="./script.js"></script>
<style lang="less" src="./style.less"></style>
